.el-drawer{
    &:focus{
        outline: none;
    }
}

.l-drawer{
    &--warpper{
        position: relative;
        height: 100%;
        width: 100%;
        box-sizing: border-box;

        padding-top: 40px;

    }

    &--header{
        position: absolute;
        height: 40px;
        width: 100%;
        border-bottom: 2px solid #409EFF;
        box-sizing: border-box;

        left: 0;
        top:0;
    }

    &--title{
        position: absolute;
        left: 0;
        top:0;

        height: 100%;
        line-height: 38px;
        padding-left: 16px;
        color: #606266;
        font-size: 14px;
    }

    &--btns{
        position: relative;
        height: 100%;
        width: 100%;
        text-align: right;
        padding-top: 2px;
        padding-right: 5px;
        box-sizing: border-box;
    }

    &--body{
        position: relative;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
    }


    .el-drawer__body{
        position: relative;
        height: 100%;
    }

    &-bottom-btns{
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 48px;
        line-height: 47px;
        width: 100%;
        text-align: right;
        padding-right: 10px;
        border-top:1px solid #d7dae2;
    }
}